<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="keywords" content="{{seoKeywords|safe}}" >
    <meta name="description" content="{{seoDescription|safe}}">
    <meta name="robots" content="all"/>
    <link rel="icon" href="/dist/img/icon.png" type="image/x-icon" alt="">
    <link rel="shortcut icon" href="/dist/img/icon.png" type="image/x-icon" alt="">
    <title>{{seoTitle|safe}}</title>
    <!-- CSS files -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/core@1.0.0-beta20/dist/css/tabler.min.css">
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.0/dist/jquery.min.js"></script>

    <link rel='stylesheet' href='/dist/libs/luckysheet/css/luckysheet.css' />
    <link rel='stylesheet' href='/dist/libs/luckysheet/assets/iconfont/iconfont.css' />
    <script src="/dist/libs/luckysheet/plugins/js/plugin.js"></script>
    <script src="/dist/libs/luckysheet/luckysheet.umd.js"></script>
    <script src="/dist/libs/luckysheet/luckyexcel.umd.js"></script>
    <script src="/dist/js/crypto-js.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@tabler/core@1.0.0-beta20/dist/js/tabler.min.js"></script>

    <style type="text/css">
        .seo-h1 {
            font-size: 0px;
        }
    </style>
</head>

<body class="d-flex flex-column layout-fluid">
    <div class="page-body">
        <div class="container-xl">
            <div id="luckysheet" style="margin:0px;padding:0px;position:absolute;width:100%;left: 0px;top: 0rem;bottom: 0px;outline: none;"></div>
       </div>
    </div>


<script type="text/javascript">

$(function () {
    var excel_url = '{{excelUrl}}';

    LuckyExcel.transformExcelToLuckyByUrl(excel_url, 'Excel Web Browser', function(exportJson, luckysheetfile){
        
        if(exportJson.sheets==null || exportJson.sheets.length==0){
            alert("Failed to read the content of the excel file, currently does not support xls files!");
            return;
        }
        //console.log(exportJson, luckysheetfile);
        window.luckysheet.destroy();
        
        window.luckysheet.create({
            lang: 'en',
            container: 'luckysheet', //luckysheet is the container id
            data:exportJson.sheets,
            title:exportJson.info.name,
            userInfo:exportJson.info.name.creator,
            showinfobar: false,
            allowEdit: false,
            forceCalculation: true, 
            showRowBar: false,
            showColumnBar: false,
            sheetFormulaBar: false,
            enableAddBackTop: false,
        });
    });
 
})

</script>
</body>
</html>

